iT邦幫忙

2024 iThome 鐵人賽

DAY 16
2
自我挑戰組

HTML跨平台網頁設計系列 第 19

J Q U E R Y mobile常用元件

  • 分享至 

  • xImage
  •  

按鈕、按鈕群組與導覽元件

按鈕元件:在行動網站中按鈕十分重要,因為使用者大部分都是利用按鈕進行頁面切換或執行功能。加入按鈕:在A超連結標籤,加上data-role="button"或是使用button標籤。
定義按鈕圖示的位置:可以使用屬性data-iconpos等於上下左右設定圖示的位置。
將按鈕放置於同行:則用data-inline="true",若按鈕排列時寬度超過仍會分行。
群組按鈕元件:若將多個按鈕放置在同一個D I V後並加入data-role="controlgroup"即可成為一個群組。
導覽列元件:若將多個表列選項,放置在A個D I V中並加入data-role="navbar"屬性,機能將該選項化為一個導覽列。


上一篇
J Q U E R Y mobile入門
下一篇
J Q U E R Y Mobile互動
系列文
HTML跨平台網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言